<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Deux Amis</title>
<!-- <link href="css/bootstrap.css" rel="stylesheet"> -->
<!-- <link href="css/carousel.css" rel="stylesheet"> -->
<link href="css/style.css" rel="stylesheet">
<link href="css/jcarousel.css" rel="stylesheet">
</head>
<body>
<?php require_once 'catalog.php';?>
<?php 
		session_start();
		if(isset($_SESSION["lang"])) {
			$lang = $_SESSION["lang"];
		} else {
			$lang = 'de';
		}
		echo $lang;
		$catalog = new Catalog($lang);?>
	<div class="backMenu" onclick="firstDiv();">
		<img alt="" src="img/rewind.jpg" width="20px" height="20px"/>
		<p><?php echo $catalog->get('display.back-menu') ?></p>
		<img alt="" src="img/rewind.jpg" width="20px" height="20px"/>
	</div>
	<div class="nav-bar-wrapper">
		<img alt="" src="img/logo.png" height="100%" />
	</div>
	<div id="element_0" class="element float">
		<div class="menu-tuile">
			<a class="" href="#" onClick="nextDiv(1)"><img src="img/Accueil_Chefs.png" width="60%" /></a> 
			<a class="" href="#" onClick="nextDiv(2)"><img src="img/Accueil_Suggestion.png" width="37%"/></a> 
			<a class="" href="#" onClick="nextDiv(3)"><img src="img/Accueil_Philosophie.png" width="38%" /></a>
			<a class="" href="#" onClick="nextDiv(4)"><img src="img/Accueil_Creation.png" width="59%" /></a>
			<a class="" href="#" onClick="nextDiv(5)"><img src="img/Accueil_Contact.png" width="59%" /></a> 
		</div>
	</div>
	<div id="element_1" class="element float" style="display: none;">
		<div class="chief-content">
			<h1>Les Chefs</h1>
			<img src="img/Chefs.png" style="float: left;width: 45%;"/>
			<div class="chief-legend">
				<h2><?php echo $catalog->get('display.chief.Nicolas-title') ?></h2>
				<div><?php echo $catalog->get('display.chief.Nicolas-content') ?></div>
				<h2><?php echo $catalog->get('display.chief.Xavier-title') ?></h2>
				<div><?php echo $catalog->get('display.chief.Xavier-content') ?></div>
			</div>
		</div>
	</div>
	<div id="element_2" class="element float" style="display: none;">
		<div class="chief-content">
			<h1>Les Suggestions</h1>
			<div class="suggest-intro">
				<?php echo $catalog->get('display.suggest.intro') ?>
			</div>
			<div class="suggest-price">
				<?php echo $catalog->get('display.suggest.price') ?>
				<ul>
					<li><?php echo $catalog->get('display.suggest.menu-3') ?></li>
					<li><?php echo $catalog->get('display.suggest.menu-3') ?></li>
				</ul>
				<div class="jcarousel-wrapper">
					<div class="jcarousel" data-jcarousel="true">
						<ul>
							<li><img src="img/menus/Menu3_veg.jpg" width="50%"/></li>
							<li><img src="img/menus/Menu3.jpg" width="50%" /></li>
							<li><img src="img/menus/Menu4.jpg" width="50%"/></li>
						</ul>
					</div>
					<a class="jcarousel-control-prev inactive" href="#" data-jcarouselcontrol="true">&laquo;</a>
					<a class="jcarousel-control-next" href="#" data-jcarouselcontrol="true">&raquo;</a>
					<p class="jcarousel-pagination" data-jcarouselpagination="true">
						<a class="active" href="#1">1</a>
						<a class="" href="#2">2</a>
						<a class="" href="#3">3</a>
					</p>
				</div>
			</div>
		</div>
	</div>
	<div id="element_3" class="element float" style="display: none;">
		<div class="chief-content" style="padding-right: 15%;">
			<h1>La philosophie</h1>
			<img alt="" src="img/philosophie.png" style="float: left;"/>
			<div class="chief-legend" style="padding-right: 15%">
				<?php echo $catalog->get('display.philosophy.content') ?>
			</div>
		</div>
	</div>
	<div id="element_4" class="element float" style="display: none;">
		<div class="chief-content">
			<h1>Nos créations</h1>
			<?php 
				$path = 'img/creations';
				$files = scandir('img/creations');
				foreach ($files as $file) {
					if(str_ends_with($file,".jpg")) {
						echo "<a class=\"gallery\" href=\"";
						echo $path;echo '/';echo $file;
						echo "\" width=\"20%\" ><img alt=\"\" src=\"";
						echo $path;echo '/';echo $file;
						echo "\" rel=\"gal\"></a>";
					}
				}
				function str_ends_with($haystack, $needle)
				{
					return strpos($haystack, $needle) + strlen($needle) ===
					strlen($haystack);
				}
			?>
		</div>
	</div>
	<div id="element_5" class="element float" style="display: none;">
		<div class="chief-content">
			<h1>Contact</h1>
			<?php echo $catalog->get('display.contact.intro') ?>
			<a href="mailto:contact@deuxamis.ch">contact@deuxamis.ch</a>
			<p>Tel: 079 196 17 86</p>
		</div>
	</div>


	<script src="js/jquery.js"></script>
	<script src="js/holder.js"></script>
	<script src="js/display.js"></script>
	<script src="js/jquery.jcarousel.min.js"></script>
	<script src="js/jcarousel-basic.js"></script>
	<script src="js/jquery.colorbox-min.js"></script>
</body>
</html>